<template>
  <div>
    <p>测试lazy load 界面</p>
    <ul>
      <li>
        <img v-lazy="img">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
        img: 'http://demo.dtcms.net/upload/201504/18/thumb_201504181230434303.jpg'
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
li{
    width: 100%;
    height: 300px;
    background-color: #ccc;
}
img[lazy=loading] {
  width: 40px;
  height: 300px;
  margin: auto;
}
</style>
